<template>
  <div class="blog-card">
    <el-card shadow="always">
      <el-row :gutter="12">
        <el-col :span="6"><div class="grid-content ep-bg-purple" />图片占位</el-col>
        <el-col :span="18"><div class="grid-content ep-bg-purple" />内容占位</el-col>
      </el-row>
    </el-card>
  </div>
</template>

<script setup lang="ts">

</script>

<style scoped lang="less">
.blog-card {
  width: 100%;
}

.el-row {
  height: 100%;
  margin-bottom: 20px;
}
.el-row:last-child {
  margin-bottom: 0;
}
.el-col {
  border-radius: 4px;
}

.el-col:nth-child(1) {
  background-color: pink;
}

.el-col:nth-child(2) {
  background-color: #1989fa;
}

.grid-content {
  border-radius: 4px;
  min-height: 36px;
}
</style>